<!--
 * new page
 * @author: YK
 * @since: 2023-11-23
 * Home.vue
-->
<template>
  <div class="container">
    <m-notification :value="50">
      <template #default>
        <m-list
          @clickItem="clickItem"
          @clickAction="clickAction"
          :list="options"
          :actions="actions"
        ></m-list>
      </template>
    </m-notification>
    <div></div>
  </div>
</template>

<script setup lang="ts">
import { actions, options } from "../../views/notification/data";
import { ListOptions, ActionsOptions } from "../../components/list/src/types";
const clickItem = (item: ListOptions, index: number) => {
  console.log(item, index);
};
const clickAction = (action: ActionsOptions, index: number) => {
  console.log(action, index);
};
</script>

<style scoped lang="scss">
* {
  margin: 0;
  padding: 0;
}
.container {
  .kk {
    color: red;
  }
}
</style>
